<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <title>商城首页</title>
        <link rel="stylesheet" href="${staticpath}/phone/css/framework7.ios.min.css">
        <link rel="stylesheet" href="${staticpath}/phone/css/framework7.ios.colors.min.css">
        <link rel="stylesheet" href="${staticpath}/phone/css/font-awesome.min.css">
        <!-- Path to your custom app styles-->
        <link rel="stylesheet" href="${staticpath}/phone/css/app.css">
    </head>
    <body>
        <input type="hidden" id="basepath" value="${basepath!}"/>
        <input type="hidden" id="staticpath" value="${staticpath!}"/>
         <input type="hidden" id="token" value="${token!}" />
        <!-- Panels overlay-->
        <div class="panel-overlay"></div>
        <!-- Right panel with cover effect-->
        <div class="panel panel-right panel-cover i-choose">
            <div class="content-block">
                <div class="content-block-inner i-btn-group">
                    <div class="i-btn-title">分类一</div>
                    <p class="i-btn-content j-search-1" id="kind1">
                    	<#if rootList??>
                    		<#list rootList as item>
                    			 <a href="#" id="${item.id}"  class="button">${item.name!}</a>
                    		</#list>
                    	</#if>
                    </p>
                </div>
            </div>
            
            <div class="content-block">
                <div class="content-block-inner i-btn-group">
                    <div class="i-btn-title">分类二</div>
                    <p class="i-btn-content j-search-2" id="kind2">
                        <#if childrenList??>
                    		<#list childrenList as item>
                    			 <a href="#" class="button" name="${item.pid}"  id="${item.id}">${item.name}</a>
                    		</#list>
                    	</#if>
                    </p>
                </div>
            </div>
            
            <div class="content-block">
                <div class="content-block-inner i-btn-group">
                    <div class="i-btn-title">品牌 / 出版社</div>
                    <p class="i-btn-content j-search-3" id="kind3">
                        <#if catalogCbsList??>
                    		<#list catalogCbsList as item>
                    			<a href="#" id="${item.id}" class="button">${item.name}</a>
                    		</#list>
                    	</#if>
                    </p>
                </div>
            </div>
            
            <div class="toolbar">
                <div class="toolbar-inner"><a href="#" id="j-serach-reset" class="link">重置</a><a href="#" id="qrBtn" data-ignore-cache="true" class="link close-panel">确认</a></div>
            </div>
        </div>
        <!-- Views-->
        <div class="views">
            <!-- Your main view, should have "view-main" class-->
            <div class="view view-main">
                <!-- Top Navbar-->
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="left" style=" width: 88%;">
                            <form data-search-list=".list-block-search" data-search-in=".item-title" class="searchbar searchbar-init" style="padding:0;" autocomplete="off">
                                <div class="searchbar-input">
                                    <input type="search" class="j-search-input" placeholder="大家都在搜“高考”"><a href="#" class="searchbar-clear"></a>
                                </div>
                            </form>
                        </div>
                        <div class="right" style="margin-left:0;">
                            <a  class="icon-cart" href="./cart/index">
                                <div class="icon-cart-in">
                                    <img src="${staticpath}/phone/img/icon-cart.png">
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- Pages, because we need fixed-through navbar and toolbar, it has additional appropriate classes-->
                <div class="pages navbar-through">
                    <!-- Page, data-page contains page name-->
                    <div data-page="home" class="page">
                        <div class="searchbar-overlay"></div>
                        <div class="page-content">

                            <div class="searchbar-not-found" style="background-color: #FFF; height: 100%;">
                                <div style="padding: 5rem 6rem; text-align: center;">
                                    <img src="${staticpath}/phone/img/null-address.png" style="width: 100%;">
                                    <p style=" color: #FDC010; font-size: 1.8rem;">没有找到您想要的结果哦~</p>
                                </div>
                            </div>
                            <div class="j-list-search-result" style="display: none; height: 100%; background-color: #FFF;">
					            <div class="list-block list-block-search searchbar-found" id="searchbar-found">
					                 
					            </div>
					        </div>
					    <div id="goodsShowCount">
                            <div class="content-block">
                                <div class="content-block-inner">
                                    <div class="seller-box">
                                        <h3><img src="${staticpath}/phone/img/cate.png"> 热门分类</h3>
                                        <div class="row">
                                        	<#if hotCatalogs?? && hotCatalogs?size gt 0>
                                        		<#list hotCatalogs as catalog>
                                        			<div class="col-25"><a href="${basepath}/phone/search/go?key1=${catalog.id!}" data-ignore-cache="true"  name="${catalog.code!}" id="${catalog.id!}" class="cate"><em>
                                        			<#if catalog.code == "jiaoxuefudao">
                                        				<img src="${staticpath}/phone/img/icon-jxfd.png">
                                        			<#elseif catalog.code == "jiaoxueqiju">
                                        				<img src="${staticpath}/phone/img/icon-jxqj.png">
                                        			<#elseif catalog.code == "yishuleishuji">
                                        				<img src="${staticpath}/phone/img/icon-yslsj.png">
                                        			<#else>
                                        				<img src="${staticpath}/phone/img/icon-kwdw.png">
                                        			</#if></em><span>${catalog.name!}</span></a></div>
                                        		</#list>
                                       		</#if>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="seller-content">
                                <div class="seller-box">
                                    <h3><img src="${staticpath}/phone/img/hot.png"> 热门商品</h3>
                                    <div class="seller-row">
                                    	<#if p1??>
	                                        <div class="seller-col seller-bigb" style="border-bottom:none">
	                                            <a class="goods s1" href="${basepath}/phone/home/detail?productId=${p1.id!}">
	                                                <span class="title">${p1.name!}</span><!-- 地球仪地球地方仪 -->
	                                                <span class="seller">${p1.cbs!}</span>
	                                                <span class="badge bg-red drd"><i class="xi-ji"></i>当日达</span>
	                                                <span class="picture">
	                                                <#if p1.picture?? ><img src="${systemSetting().imageRootPath}${p1.picture!}">
				                                    <#else><img src="${staticpath}/phone/img/home-book1.png">
				                                    </#if>
	                                                </span>
	                                            </a>
	                                        </div>
                                        </#if>
                                        <div class="seller-col seller-col-right" style="border-bottom:none">
                                        	<#if p2??>
	                                            <a class="goods s2 fn-clear" href="${basepath}/phone/home/detail?productId=${p2.id!}">
	                                                <span class="picture">
	                                                <#if p2.picture?? ><img src="${systemSetting().imageRootPath}${p2.picture!}">
				                                    <#else><img src="${staticpath}/phone/img/home-book5.png">
				                                    </#if></span>
	                                                <span class="title">${p2.name!}</span>
	                                                <span class="seller">${p2.cbs!}</span>
	                                            </a>
                                            </#if>
                                            <#if p3??>
	                                            <a class="goods s2 fn-clear" href="${basepath}/phone/home/detail?productId=${p3.id!}">
	                                                <span class="picture">
	                                                <#if p3.picture?? ><img src="${systemSetting().imageRootPath}${p3.picture!}">
				                                    <#else><img src="${staticpath}/phone/img/home-book6.png">
				                                    </#if></span>
	                                                <span class="title">${p3.name!}</span>
	                                                <span class="seller">${p3.cbs!}</span>
	                                            </a>
                                            </#if>
                                        </div>
                                    </div>
                                    <div class="table fn-clear">
                                        <#if hotProduceList?? && (hotProduceList?size > 0) >
                                    		<#list hotProduceList as p>
                                    			<#if (p_index < 3) >
		                                            <div class="td">
		                                                <a class="goods s4" href="${basepath}/phone/home/detail?productId=${p.id!}">
		                                                    <span class="title title1">${p.name!}</span>
		                                                    <span class="seller seller1">${p.cbs!}</span>
		                                                    <span class="picture">
			                                                <#if p.picture?? ><img src="${systemSetting().imageRootPath}${p.picture!}">
						                                    <#else><img src="${staticpath}/phone/img/home-book2.png">
						                                    </#if></span>
		                                                </a>
		                                            </div>
	                                            </#if>
                                    		</#list>
                                    	</#if>
                                    </div>
                                    
                                </div>
                            </div>

                            <div class="seller-content">
                                <div class="seller-box">
                                    <h3><img src="${staticpath}/phone/img/icon-tj.png"> 推荐商品</h3>
                                    <div class="seller-row" style="border-top:1px solid #e7e7e7;padding:0;">
                                        <#if tjProduceList??>
	                                    	<#list tjProduceList as p>
	                                    		<#if (p_index < 4)>
			                                        <div class="seller-col">
			                                            <a class="goods s3" href="${basepath}/phone/home/detail?productId=${p.id!}">
			                                                <span class="picture">
			                                                <#if p.picture?? ><img src="${systemSetting().imageRootPath}${p.picture!}">
						                                    <#else><img src="${staticpath}/phone/img/home-book4.png">
						                                    </#if></span>
			                                                <div class="r2">
			                                                    <span class="title">${p.name!}</span>
			                                                    <span class="seller seller3">${p.cbs!}</span>
			                                                </div>
			                                                <div class="r2">
			                                                    <span class="price">￥${p.nowPrice!} </span>
			                                                    <span class="badge bg-red"><i class="xi-ji"></i>当日达</span>
			                                                </div>
			                                            </a>
			                                        </div>
		                                        </#if>
	                                    	</#list>
	                                    </#if>
                                    </div>
                                </div>
                            </div>
                         </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="${staticpath}/phone/js/framework7.min.js"></script>
        <script src="${staticpath}/phone/js/jquery.min.js"></script>
         <script src="${staticpath}/phone/js/WebViewJavascriptBridge.js"></script>
        <script src="${staticpath}/phone/js/app.js"></script>
    </body>
</html>
